<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<%--<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>登录页</title>
	<link rel="stylesheet" href="<s:url value="/assets/zonghe/static/css/bootstrap.css"></s:url>">
	<link rel="stylesheet" href="<s:url value="/assets/zonghe/static/css/Reset.css"></s:url>">
	<link href="<s:url value="/assets/zonghe/static/css/index_style.css"></s:url>" rel="stylesheet" type="text/css">--%>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,
    initial-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>详情页</title>
	<%--	<s:url value="/assets/zonghe/static/css/bootstrap.css"></s:url>    --%>


		<link rel="stylesheet" href="<s:url value="/assets/zonghe/static/css/bootstrap.css"></s:url>">
		<!-- 步骤进度css -->
		<link rel="stylesheet" href="<s:url value="/assets/zonghe/static/css/ystep.css"></s:url>">
		<link rel="stylesheet" href="<s:url value="/assets/zonghe/static/css/Reset.css"></s:url> ">
		<link rel="stylesheet" href="<s:url value="/assets/zonghe/static/css/detail.css"></s:url>">

</head>

<body>

<div class="main-content clear">
	<!-- 左侧内容 -->
	<div class="main-left pull-left  clear">
		<div class="project-info  pull-left">
			<!-- 公司信息 -->
			<div class="project-content">
				<%--<div class="project-name">
					<span>中海创工业</span>
					<span>已备案</span>
				</div>
				<div class="company-info clear">
					<h3>4.0示范基地</h3>
					<ul class="clear">
						<li class="project-name">福州智投自动化科技有限公司</li>
						<li class="responsible-person">林鹏</li>
					</ul>
				</div>
				<ul class="company-tag clear">
					<li>一般项目</li>
					<li>民企</li>
					<li>1.2亿元</li>
				</ul>--%>
			</div>
			<!-- 项目进展 -->
			<div class="row no-magrin project-progress">
				<div class="col-xs-6" style="position: relative;">
					<%--详细阶段信息--%>
					<div class="detail-info hidden">
						负责人：陈文杰 ；审批时间：2017.08.02 ；节点状态：已完成 ；节点时间：10天
					</div>
					<div class="progress-stage">
						<h1>
							项目进展
						</h1>
						<h3>
							洽谈阶段
						</h3>
						<!-- 步骤进度条一 -->
						<div class="ystep1"></div>
						<h3>
							在建阶段
						</h3>
						<!-- 步骤进度条二-->
						<div class="ystep2"></div>
						<h3>
							投产阶段
						</h3>
						<!-- 步骤进度条三-->
						<div class="ystep3"></div>
					</div>
				</div>
				<div class="col-xs-5">
					<div class="project-time">
						<p>项目总用时 (天)</p>
						<div class="larger-font">
							<%--435--%>
						</div>
						<p>其中</p>
						<ul class="small-legend">
							<%--<li>
								<span></span>
								<span class="margin">洽谈开始时间</span>
								<span class="margin"> 2017.05.11</span>
								<span></span>
							</li>
							<li>
								<span></span>
								<span class="margin">在建阶段耗时</span>
								<span class="margin">435天<em>(超前67天)</em></span>
								<span>
                                        占比95%
                                    </span>
							</li>
							<li>
								<span></span>
								<span class="margin">计划投产</span>
								<span class="margin">2019.06.19</span>
								<span></span>
							</li>--%>
						</ul>
						<div class="clear">
							<p class="pull-left">洽谈阶段</p>
							<p class="pull-right">在建阶段</p>
						</div>
						<!-- 进度条 -->
						<div class="progress">
							<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60"
								 aria-valuemin="0" aria-valuemax="100" style="width: 20%;">
							</div>
						</div>
						<p align="center">
							总用时占比
						</p>
					</div>
				</div>
			</div>
			<!-- 项目进度时间表-->
			<div class="row no-magrin project-schedule">
				<div class="col-xs-12" style="margin-bottom:10px;">
					<h1>
						项目进度时间表
					</h1>
					<!-- 进度表图例 -->
					<ul class="
                        progress-legend clear">
						<li>
							<span></span>
							<em>实际用时</em>
						</li>
						<li>
							<span></span>
							<em>预计用时</em>
						</li>
						<li>
							<span></span>
							<em>延时</em>
						</li>
						<!-- <li>
                            <span></span>
                            <em>超前</em>
                        </li> -->
					</ul>
				</div>
				<!-- 项目进度折线图 -->
				<div class="col-xs-12" style="position: relative;">
					<div class="stage-info"></div>
					<div id="project-schedule-chart">
						项目进度折线图
					</div>
				</div>
			</div>
		</div>
		<!-- 地图区域 -->
		<div class="map-info  pull-right">
			<h1 class="big-font">
				永泰县攻坚作战指挥平台
			</h1>
			<div class="bg-img">
				<!-- 地图标点动画 -->
				<img class="important-project" src="<s:url value="/assets/zonghe/static/img/important.png"></s:url>" alt="图片加载中...">
			</div>
			<!-- 预警 -->
			<div class="warning">
				<div class="warning-content row no-magrin">
					<div class="col-xs-4">
						<div class="warning-circle">
							<h1></h1>
							<p>共计预警次数</p>
						</div>
					</div>
					<div class="col-xs-5">
						<ul class="warning-level">
							<li class="highly">
								<span>重</span>
								<span>高度延期预警</span>
								<em></em>
							</li>
							<li class="moderate">
								<span>中</span>
								<span>中度延期预警</span>
								<em></em>
							</li>
							<li class="lower">
								<span>轻</span>
								<span>中度延期预警</span>
								<em></em>
							</li>
						</ul>
					</div>
					<div class="col-xs-3">
						<ul class="inspector-node">
							<li>
								<span class="triangle"></span>
								<span class="node">督查节点</span>
							</li>
							<li>
								<span class="triangle"></span>
								<span class="node">督查节点</span>
							</li>
							<li>
								<span class="triangle"></span>
								<span class="node">督查节点</span>
							</li>
						</ul>
					</div>
				</div>
				<!-- 文字滚动 -->
				<div class="warning-scroll">
					<div class="warning-title row no-magrin">
						<div class="col-xs-3">节点编号</div>
						<div class="col-xs-6" style="width:220px;">节点问题</div>
						<div class="col-xs-3">预警日期</div>
					</div>
					<div id="div1" class="font-scroll">
						<%--<div class="row no-margin">
							<div class="col-xs-3">13号节点</div>
							<div class="col-xs-6 hidden-font" title="拆迁进度缓慢">拆迁进度缓慢</div>
							<div class="col-xs-3">2017.12.11</div>
						</div>
						<div class="row no-margin">
							<div class="col-xs-3">2号节点</div>
							<div class="col-xs-6 hidden-font" title="业主单位未提出用地申请">业主单位未提出用地申请</div>
							<div class="col-xs-3">2017.12.15</div>
						</div>
						<div class="row no-margin">
							<div class="col-xs-3">9号节点</div>
							<div class="col-xs-6 hidden-font" title="因征地遗留历史问题">因征地遗留历史问题</div>
							<div class="col-xs-3">2017.12.20</div>
						</div>
						<div class="row no-margin">
							<div class="col-xs-3">16号节点</div>
							<div class="col-xs-6 hidden-font" title="业主尚未报件">业主尚未报件</div>
							<div class="col-xs-3">2017.12.20</div>
						</div>
						<div class="row no-margin">
							<div class="col-xs-3">18号节点</div>
							<div class="col-xs-6 hidden-font" title="业主尚未报件">业主尚未报件</div>
							<div class="col-xs-3">2017.12.20</div>
						</div>
						<div class="row no-margin">
							<div class="col-xs-3">16号节点</div>
							<div class="col-xs-6 hidden-font" title="业主尚未报件">业主尚未报件</div>
							<div class="col-xs-3">2017.12.20</div>
						</div>
						<div class="row no-margin">
							<div class="col-xs-3">7号节点</div>
							<div class="col-xs-6 hidden-font" title="业主尚未报件">业主尚未报件</div>
							<div class="col-xs-3">2017.12.20</div>
						</div>
						<div class="row no-margin">
							<div class="col-xs-3">30号节点</div>
							<div class="col-xs-6 hidden-font" title="业主尚未报件">业主尚未报件</div>
							<div class="col-xs-3">2017.12.20</div>
						</div>--%>
					</div>
				</div>
			</div>
			<!-- 地图图例 -->
			<div class="map-legend">
				<ul>
					<li>
						<span class="legend-1"></span>
						<em>建设园区</em>
					</li>
					<li>
						<span class="legend-2"></span>
						<em>重点技改项目</em>
					</li>
					<li>
						<span class="legend-3"></span>
						<em>重点服务企业</em>
					</li>
					<li>
						<span class="legend-4"></span>
						<em>开工项目</em>
					</li>
					<li>
						<span class="legend-5"></span>
						<em>竣工项目</em>
					</li>
					<li>
						<span class="legend-6"></span>
						<em>重点项目</em>
					</li>
				</ul>
				<ul class="other-legend">
					<li>新开工</li>
					<li>结转项目</li>
					<li>5预备项目</li>
				</ul>
			</div>
		</div>
	</div>

	<!-- 中间内容 -->
	<div class="main-middle pull-left">
		<h3 class="project-times">
			2019-02-26 20 : 00
		</h3>
		<h1 class="develop-font">
			项目经济发展指标
		</h1>
		<div class="chart-area">
			<!--四个图表 -->
			<div class="row no-magrin  double-bar">
				<!-- 双柱状图  -->
				<div class="col-xs-6">
					<!--预计收益图表一  -->
					<p>预计额外产生利润3.5亿</p>
					<div class="clear">
						<div id="bar1" class="pull-left">

						</div>
						<div id="bar2" class="pull-right">

						</div>
					</div>
				</div>
				<div class="col-xs-6" style="postion:realtive;">
					<!-- 预计收益图表二 -->
					<p>预计提升经济35亿，同比增长30%</p>
					<div id="earnings"></div>
					<span class="forward ">往期</span>
					<span class="expect">预期</span>
				</div>
			</div>
			<div class="row no-magrin">
				<div class="col-xs-6">
					<p>增加就业岗位</p>
					<!-- 增加就业岗位图表  -->
					<div id="add-job">

					</div>
				</div>
				<div class="col-xs-6">
					<p>增加配套加工产业</p>
					<!-- 增加产业图表 -->
					<div id="add-industry">

					</div>
				</div>
			</div>
		</div>
		<!-- 县领导走访服务 -->
		<div class="leader-visit">
		<%--	<div class="leader-visit-left">
				<h1>县领导走访服务企业情况</h1>
				<table>
					<tr>
						<th>基本情况</th>
					</tr>
					<tr>
						<td>企业名称</td>
						<td rowspan="2">福州智投自动化科技有限公司</td>
					</tr>
					<tr>
						<td></td>
					<tr>
						<td>挂钩领导</td>
						<td>陈浩</td>
					</tr>
					<tr>
						<td>当月走访</td>
						<td>1次</td>
					</tr>
					<tr>
						<td>走访日期</td>
						<td>2019.2.19</td>
					</tr>
				</table>
			</div>
			<div class="leader-visit-right">
				<h3>详细情况</h3>
				<div>
					<div>挂钩企业面临的问题和困难</div>
					<p>
						1.用工难，尤其是专业技术人员招工难，留人难；2.变更厂区规划， 消防检查问题；3.环保督查整改问题。
					</p>
				</div>
				<div>
					<div>协调解决情况</div>
					<p>
						1.协调人社局择期召开专项招聘，2.变更厂区规划，消防检查问题； 3.环保督查整改问题。
					</p>
				</div>
				<div>
					<div>协调解决情况 拷贝</div>
					<p>
						在企业环保，消防，节能减排等整改自查过程中协调有关科局， 部门，给予技术上的支持和帮助。
					</p>
				</div>
			</div>--%>
		</div>
	</div>


	<div class="main-right pull-left">
		<div class="border-hr"></div>
		<h1 style="padding-left: 40px;">项目在建实景</h1>
		<div class="construction-site-1">

		</div>
		<h1 class="middle-font">一号施工地</h1>
		<div class="construction-site-2">

		</div>
		<h1 class="middle-font">二号施工地</h1>
	</div>
</div><!-- 主要容器 -->

<script src="<s:url value="/assets/zonghe/static/js/jquery-1.10.2.js"></s:url> "></script>
<script src="<s:url value="/assets/zonghe/static/js/echarts.js"></s:url> "></script>
<!-- 进度条插件 -->
<script type="text/javascript" src="<s:url value="/assets/zonghe/static/js/ystep.js"></s:url> "></script>
<script src="<s:url value="/assets/zonghe/static/js/bootstrap.min.js"></s:url> "></script>
<!-- 图表js -->
<script src="<s:url value="/assets/zonghe/static/js/chart.js"></s:url>"></script>
<script src="<s:url value="/assets/zonghe/static/js/detail.js"></s:url>"></script>

<script>

</script>



<%--

<script src="<s:url value="/assets/zonghe/static/js/jquery-1.10.2.js"></s:url> "></script>
<script src="<s:url value="/assets/zonghe/static/js/bootstrap.min.js"></s:url> "></script>
<script src="<s:url value="/assets/zonghe/static/js/index.js"></s:url> "></script>
--%>



</body>
</html>